<template>
  <view style="fixbox">
	   <view class="" :style="{height:getstatusheight()+'px'}"></view>
	   <view class="tit" :style="{height:gettitleheight()+'px'}">
		   <view class="l"><slot name="l"></slot></view>
		   <view class="c"><slot name="c"></slot></view>
		   <view class="r"><slot name="r"></slot></view>
	   </view>
  </view>
</template>

<script setup>
	import {getstatusheight,gettitleheight} from '@/util/getsysinfo.js'
</script>
<style lang="scss" scoped>
	.fixbox{
		height: fit-content;
		width: 100%;
		background-color: #fff;
	}
	.tit{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 25rpx;
		>view{
			height: 100%
			;font-size: 25rpx;
			display: flex;
			align-items: center;
			.iconfont{
				font-size: 20rpx;
			}
		}
		.c{
		flex: 1;
		justify-content: center;
		}
		.l,.r{
			width: 100rpx;
		}
	}
</style> 